<!--
 * @Author: yan_hai_dong 891236760@qq.com
 * @Date: 2022-10-24 13:28:30
 * @LastEditors: yan_hai_dong 891236760@qq.com
 * @LastEditTime: 2022-10-24 13:34:08
 * @FilePath: \app\src\views\canvas\circle\pace\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <canvas height="400" width="400"></canvas>
  </template>
  
  <script>
  import Pace from "./js/index.js";
  export default {
    mounted() {
      let data = [
        {
          text: "项目一",
          rate: 90,
          color: "#ff8800",
        },
        {
          text: "项目二",
          rate: 20,
          color: "green",
        },
        {
          text: "项目3",
          rate: 50,
          color: "red",
        },
      ];
      new Pace(this.$el).init(data);
    },
  };
  </script>
  
  <style lang="less" scoped>
  </style>